<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>人员平台 | 三类人员个人端首页</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css">

    <style>
        .footer {
            width: 100%;
            background-color: white;
            border-top: #cacaca 1px solid;
            position: fixed;
            color: #9D9D9D;
            margin-bottom: 0px;
            z-index: 900;
            bottom: 0;
            left: 0;
            padding: 2% 0 1%;
            line-height: 73px;
        }
    </style>
</head>
<body>
<!--<div class="layui-layout layui-layout-admin">-->
<div class="layui-header" style="height: 80px;">
    <div class="layui-logo" style="margin-left: 50px;"><img src="/assets/images/zwsy_logo.gif" height="77" width="399"/></div>
</div>

<!--主体信息-->
<div style="padding: 20px; background-color: #F2F2F2;">
<section class="content-header" style="margin-bottom: 10px;">
    <h5>当前位置：首页 > 网上办事 > 网上申请 </h5>
</section>
<div class="layui-row layui-col-space15">
    <div class="layui-col-md3">
        <div class="layui-card">
            <div class="layui-card-header">个人基本信息</div>
            <div class="layui-card-body">
                <div style="text-align:center;">
                <img id="Person_PhotoUrl"  style=" width: 100px; height: 100px; border-radius: 50%;" src="/assets/images/nophoto.gif" alt="User profile picture" />
                    <h3 class="profile-username text-center"  id="Person_Name">张三</h3>
                </div>

                <hr>
                <ul>

                    <li>
                        <b>性别</b> <a  style="float: right"  id="Person_sex">男</a>
                        <hr>
                    </li>
                    <li >
                        <b>职称</b> <a style="float: right"  id="Person_zc1">工程师</a>
                        <hr>
                    </li>
                    <li>
                        <b>学历</b> <a style="float: right"  id="Person_xl">本科</a>
                        <hr>
                    </li>

                    <li >
                        <b>专业</b> <a style="float: right"   id="Person_zy">土木工程</a>
                        <hr>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">其他信息</div>
            <div class="layui-card-body">
                卡片式面板面板通常用于非白色背景色的主体内<br>
                从而映衬出边框投影
            </div>
        </div>

    </div>
    <div class="layui-col-md9">
        <div class="layui-card">
            <div class="layui-card-header">证书信息</div>
            <div class="layui-card-body">
                <table class="layui-table">
                    <thead>
                    <tr> <td>序号</td><td>证书号</td><td>企业名称</td><td>职务</td><td>发证时间</td><td> 证书有效期 </td><td>电子证书下载</td></tr>
                    </thead>
                    <tbody>
                    <tr><td>序号</td><td>证书号</td><td>企业名称</td><td>职务</td><td>发证时间</td><td> 证书有效期 </td><td>电子证书下载</td></tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">业务申请</div>
            <div class="layui-card-body">

                <button type="button" class="layui-btn">证书领取</button>
                <button type="button" class="layui-btn layui-btn-normal">证书延期</button>
                <button type="button" class="layui-btn layui-btn-warm">执业企业变更</button>
                <button type="button" class="layui-btn layui-btn-danger">基本信息变更</button>
                <button type="button" class="layui-btn layui-btn-disabled">证书注销</button>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">温馨提示</div>
            <div class="layui-card-body">
               <span>证书注销后将不能恢复，请确认是否注销！</span>
            </div>
        </div>
    </div>

</div>
</div>
<!--页面底部信息-->

<div style="width: 100%; height: 73px;"> </div>
<div class="footer">
    <div class="layui-col-md4">
            <img src="assets/images/red.png" class="pull-right" style="height: 40px">
        </div>
        <div class="layui-col-md8">
            <span>版权所有 <a href="http://jst.sc.gov.cn">四川省住房和城乡建设厅</a></span>
        </div>
</div>
<!--</div>-->
<script type="text/javascript" src="/assets/libs/layui/layui.js"></script>
<script src="/assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script>
    layui.use(['element', 'layer'], function() {
        var element = layui.element;
        var layer = layui.layer;
    });
</script>
</body>
</html>